@charset "utf-8";
@mixin aa($a, $b) {
    width: $a;
    height: $b;
}
#header{
    width: 100%;
    height: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-around;
    font-size: 0;
    .img{
        width: 2.15rem;
        height: .75rem;
        img{
        width: 2.15rem;
        height: .75rem;
        margin-left: .18rem;
       }
    }
     span{
            font-size: .36rem;
            color: #000;
            margin-left: .4rem;
        }
    .header{
        width: 2rem;
        height: .75rem;
        display: flex;
        justify-content: flex-end;
         .header1{
            width: .45rem;
            height: .75rem;
            display: flex;
            margin-right: 0.4rem;
            flex-direction: column;
            justify-content: space-between;
           a{
                width: .45rem;
                height: .75rem;
                display: flex;
                margin-right: 0.4rem;
                flex-direction: column;
                justify-content: space-between;
                .ics{
                width: .45rem;
                height: .45rem;
                }
                p{
                    font-size: .22rem;
                    color: #999;
                }
           }
        }
       
         .header2{
            width: .45rem;
            height: .84rem;
            display: flex;
            flex-direction: column;
            justify-content: space-around;
            a{
                width: .45rem;
                height: .8rem;
                display: flex;
                flex-direction: column;
                justify-content: space-around;
                .ics1{
                width: .4rem;
                height: .3rem;
            }
            p{
                font-size: .22rem;
                color: #999;
            }
            }
            
        }
    }
}
.f-head {
    @include aa(100%,1rem);
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: url("../img-sy/logo.png") no-repeat 0.18rem center;
    background-size: 2.2rem 0.75rem;
    >div {
        @include aa(30%,100%);
    }
    .f-head2 {
        line-height: 1rem;
        font-size: 0.33rem;
    }
    .f-head3 {
        @include aa(1.45rem,.75rem);
        display: flex;
        font-size: 0.2rem;
        color: #999;
        align-items: center;
        dl {
            @include aa(.5rem,.73rem);
            text-align: center;
            >dt {
                @include aa(.5rem,.45rem)
            }
        }
    }
    .f-head-dl-1 {
        margin-right: 0.35rem;
        >dt {
            font-size: 0.45rem;
            margin-bottom: 0.1rem;
        }
    }
    .f-head-dl-2 {
        >dt {
            font-size: 0.42rem;
            margin-bottom: 0.1rem;
            margin-top: 0.02rem;
        }
    }
}
.sy-hr {
    @include aa(100%,.18rem);
    background: #f4f4f4;
}
.sy-s5 {
    @include aa(7rem,1.75rem);
    margin: 0.36rem auto;
    font-size: 0.28rem;
    color: #333;
    line-height: 0.45rem;
    text-indent: 0.5rem;
}
.sy-s6 {
    @include aa(100%,1.3rem);
    .sy-s6-a {
        text-align: center;
        @include aa(100%,.32rem);
        font-size: 0.28rem;
        color: #333;
        line-height: 0.32rem;
        margin: 0.3rem 0;
        >svg {
            font-size: 0.33rem;
            color: #3ac893;
        }
    }
    .sy-s6-b {
        @include aa(100%,.3rem);
        font-size: 0.28rem;
        display: flex;
        justify-content: space-between;
        li {
            @include aa(25%,100%);
            text-align: center;
            a {
                font-size: 0.28rem;
            }
        }
    }
}
.sy-hr {
    @include aa(100%,.18rem);
    background: #f4f4f4;
}
#allmap {
    @include aa(100%,4.2rem);
    overflow: hidden;
    margin: 0;
    font-family: "微软雅黑";
    box-sizing: border-box;
}

.dt-s1{
    @include aa(100%,2.85%);
    display: flex;
    justify-content: center;
    dl{
        @include aa(3.4rem,2.55rem);
        font-size: .28rem;
        color: #333;
        line-height: .3rem;
        margin-top: .36rem;
        dt{
            @include aa(1.2rem,1.2rem);
            font-size: .7rem;
            background: #37C993;
            color: white;
            text-align: center;
            line-height: 1.2rem;
            border-radius: 50%;
            margin: 0 auto;
            margin-bottom: .32rem;
        }
    }
    dl:nth-child(2){
        text-align: center;
    }
}

.dt-s2{
   width: 100%;
   background: #eaeaea;
   overflow: hidden;
   
    .dt-s2-1{
        @include aa(2.65rem,2.65rem);
        margin: .25rem auto;
        img{@include aa(100%,100%)}
    }
    .dt-s2-2{
        font-size: .28rem;
        text-align: center;
        margin-bottom: .45rem;
    }
}
.zfxs{
    width: 100%;
    height: .85rem;
    display: flex;
    justify-content: center;
    align-items: center;
    span{
        font-size: .2rem;
        color: #b1b1b1;
    }
}
.aaaaaa{
    width: 100%;
    height: .4rem;
    display: flex;
    img{
        width: 100%;
        height: 100%;
    }
}
